<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>快速入门</title>

    <link rel="stylesheet" href="css/amazeui.min.css" />
    <link rel="stylesheet" href="css/app.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <script src="js/app.js"></script>

</head>

<body data-type="widgets">
<script src="js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 内容区域 -->
    <div class="row-content am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title  am-cf">快速入门</div>


                    </div>
                    <div class="widget-body  am-fr">
                        <h1 style="font-size: 36px">快速入门</h1>
                        <div class="am-u-sm-12">
                            <h2>获取AppId</h2>
                        </div>
                        <div class="am-u-sm-12">
                            <h2></h2>
                            <h4>获取账号</h4>
                            <span class="describeMainPage">
                                首先通过 <a href="http://www.aixtport.com/xt/Login.html" target="_blank">Ai小童管理后台</a> 或者右上角“进入控制台”选择“注册账号”来获取您的账号。如图：<strong>如果您已经获取账号之后可以跳过此步。</strong>
                            </span>
                            <img src="img/register.png" alt="">
                        </div>
                        <div class="am-u-sm-12">
                            <h2></h2>
                            <h4>注册成功</h4>
                            <span class="describeMainPage">
                                注册成功之后，您的邮箱里会过来给您生成的账号Id和您的私人密码！如图：<strong>如果您已经获取账号之后可以跳过此步。</strong>
                            </span>
                            <img src="img/email.png" alt="">
                        </div>
                        <div class="am-u-sm-12">
                            <h2></h2>
                            <h4>获取AppId</h4>
                            <span class="describeMainPage">
                                通过<a href="http://www.aixtport.com/xt/Login.html" target="_blank">Ai小童管理后台</a> 或者右上角“进入控制台”，输入您的账号和密码，进去之后选择“账号设置”菜单，来获取您的AppId，如图：<strong>如果您已经获取账号之后可以跳过此步。</strong>
                            </span>
                            <img src="img/appid.png" alt="">
                        </div>
                        <div class="am-u-sm-12">
                            <h2>请求连接</h2>
                            <div class="codeStyle">请求接口域：http://www.aixtport.com/aichild/api-intervention/transfer</div>
                        </div>
                        <div class="am-u-sm-12">
                            <h2>请求规范</h2>
                            <div class="codeStyle">请求规范：http://www.aixtport.com/aichild/api-intervention/transfer?appId=您的AppId&keyWord=调用词</div>
                            <p>在浏览器里请求示例，您还可以借助 <a href="http://www.aixtport.com/xt/test.html" target="_blank">Ai小童接口环境测试</a> 来测试您的接口数据。想了解返回参数，请参考 文档 <a href="returnParameter.html">返回参数</a> 细述！</p>
                            <img src="img/requestTest.png" alt="" >
                        </div>
                        <div class="am-u-sm-12">
                            <h2>尝试接入</h2>
                            <p>通过该请求即可请求到您的词库数据，下面用HTML，Ajax请求来作为示例（该请求可使用多种请求方式，请求方式语言不唯一），演示操作。</p>
                            <div class="code">
                                <xmp>
    <script>
        $(function (){
            $.ajax({
                type:"POST",//规定传输方式
                url:"http://www.aixtport.com/aichild/api-intervention/transfer", //小童请求接口
                data:{"keyWord":"嗨","appId":"KjwYvtg4wHaXZY2hoJKAmQtCv0ZtSS"}, //传入参数
                //注：代码中的appId是小童私人助手appId，无效的，有效的，Ai小童官方公用appId：zl2plygQdHGngSqNtTPI6CqyV73NA5
                success: function(data){
                    //输出到页面控制台
                    console.log(data)
                    //任意代码操作
                }
            });
        })
    </script>
                                </xmp>
                            </div>
                        </div>

                        <div class="am-u-sm-12">
                            <h2>获取参数信息</h2>
                            <div class="codeStyle">
                                console.log(data.describe)  //返回信息描述<br/>
                                console.log(data.requestCode)   //返回请求状态码<br/>
                                console.log(data.requestMap.result.replyContents)  //回调内容<br/>
                                console.log(data.requestMap.result.rriggerPath)    //回调路径<br/>
                                console.log(data.requestMap.result.rriggerType)    //触发Id<br/>
                                console.log(data.requestMap.result.triggerName)    //回调内容
                            </div>
                            <img src="img/console.png" alt="">
                        </div>

                        <div class="am-u-sm-12">
                            <h2>对您有帮助吗？</h2>
                            <p>一起加入Ai小童大家庭吧！在这里您有很大的展现平台，您可以学到很多东西，赶快加入吧！<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=4972957ba2c09266ef2e637a5a559657fbdb0588ef927b2b62f200b77e64f17e" style="margin-top: -2px"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="Ai小童云智能引擎官方" title="Ai小童云智能引擎官方"></a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>